<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no"> 
    <link rel="stylesheet" href="<%=basePath%>css/sm-exo.min.css">
  <link rel="stylesheet" href="<%=basePath%>css/sui.css">
  <link rel="stylesheet" type="text/css" href="<%=basePath%>css/class.css"/>
<title>号朋运动训练营班级查询</title>
</head>
<body>
<div id="page-ptr" class="page page-current">

 
 <div class="content">
  
 <div class="class-search">   
    <!-- 搜索模块 -->
    <script type="text/template" id="class-search-template">
   <header class="bar bar-nav">
   <h1 class="title">号朋运动训练营班级查询</h1>
   </header>
    <form>     
     <div class="card">
      <div class="card-content">
        <div class="searchbar">
         <a class="button  searchbar-cancel">搜索</a>
         <div class="search-input">
         <label class="icon icon-search" for="search"></label>
         <input type="search" id="search-class" placeholder="输入班级名...">
         </div>
         </div>
      </div>
    </form>  
      <div class="list-block">
      <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">省市区</div>
                  <div class="item-input">
                    <input type="text" placeholder="" id='city-picker'/>
                  </div>
                </div>
      </div>
      </div>
     </div>
  
    </script>     
       
</div>

<div class="class-show">
    <!-- 班级显示模块 -->
   <script type="text/template" id="class-show-template">
   <div class="list-block">
    <ul>
  <<_.each(obj,function(e,i){>>
    <li  onclick="showclassdetail(this);" lang="<<=e.cls.id>>">
    <div class="item-content">
    <div class="item-media"><img src="<<=e.cls.logoUrl>>"><div>
    <div class="item-inner"><<=e.cls.name>></div>
    </div>
    </li>
  <<})>>
    </ul>
   </div> 
   </script>
</div> 


<div class="class-detail">
   <!-- 班级详细显示模块 -->
   <script type="text/template" id="class-detail-template">
<<_.each(obj,function(e,i){>>
    <header class="bar bar-nav">
    <a class="button button-link button-nav pull-left class-go-back"><span class="icon icon-left"></span>返回</a>
    <a class="button button-nav pull-right go-to-course" lang="<<=e.cls.id>>">查看课程</a>
    <h1 class="title"><<=e.cls.name>></h1>
    </header>
    <div class="card">
    <div class="card-content"><img src="<<=e.cls.image>>"></div>
    <div class="card-content-inner">
          <p class="color-gray">班级开课时间：<<=new Date(e.cls.startTime).format('yyyy年MM月dd日')>>——<<=new Date(e.cls.endTime).format('yyyy年MM月dd日')>></p>
          <p class="class-teacher">班级教练:<<_.each(e.coaches,function(k,j){>> <span><<=k.name>></span> <<})>></p>
          <p class="class-count">班级课程学时：<<=e.cls.courseCount>>学时</p>
          <p class="class-price">班级开课收费: <<=e.cls.price>>元</p>
          <p class="class-area">班级授课区域: <<=e.cls.province>> <<=e.cls.city>> <<=e.cls.area>></p>
          <p class="native-scroll"><<=e.cls.introduce>></p>
    </div>

    </div>
<<})>>
   </script>     
</div>  


<div class="signup-detail">
  <!-- 报名详细模块 -->
  <script type="text/template" id="signup-detail-template">
<<_.each(obj,function(e,i){>> 
    <header class="bar bar-nav">
    <a class="button button-link button-nav pull-left signup-go-back"><span class="icon icon-left"></span>返回</a>
    <h1 class="title"><<=e.cls.name>>报名界面</h1>
    </header>
    <div class="list-block signup-area">
      <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label1">班级:</div>
                  <div class="item-input"><<=e.cls.name>></div>
                </div>
      </div>
      <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label1">班级课时:</div>
                  <div class="item-input"><<=e.cls.courseCount>> 学时</div>
                </div>
      </div>
      <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label1">课程价格:</div>
                  <div class="item-input"><<=e.cls.price>> 元</div>
                </div>
      </div>
       <div class="row">
        <div class="col-100"><a href="#" lang="<<=e.cls.id>>" class="button button-big button-fill button-success" onclick="payforclass(this);">微信支付</a></div>
       </div>
     </div>
<<})>>    
  </script>
</div>

</div>     

</div>
  	
</body>
   <script type="text/javascript" src="<%=basePath%>js/control/zepto.min.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/control/sm.min.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/control/sm-extend.min.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/control/sm-city-picker-min.js"></script>
   <script type="text/javascript" src='<%=basePath%>js/control/underscore.min.js'></script>
   <script type="text/javascript" src="<%=basePath%>js/custom/class.js"></script>
   <script>
   var basePath='<%=basePath%>';
   </script>
</html>


